<%@page import="study.top.mydb.items.NboardItem"%>
<%@page import="study.top.mydb.Nboard"%>
<%@page import="study.top.mydb.items.Category2Item"%>
<%@page import="study.top.mydb.Category2"%>
<%@page import="study.top.mydb.items.Category1Item"%>
<%@page import="study.top.mydb.items.ProductItem"%>
<%@page import="study.top.mydb.Category1"%>
<%@page import="java.util.ArrayList"%>
<%@page import="study.top.mydb.Product"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>	
<%@ page session="true"%>
<%@ include file="dbcon.jsp" %>
<!DOCTYPE html>
<html lang="ko">
<%@include file="topHead.jsp" %>

<body>
<%@include file="topcategory.jsp" %>
<div class="top-tab top-hidden-xs">
	<%@include file="tab.jsp" %>
</div>
<% 
	db.connect();

	Nboard nbo = new Nboard();
	ArrayList<NboardItem> nbo_list = nbo.selectNboardList();
%>

	


		<br /> <br />

		<!-- ***************카테고리 완성 부분 ****************************** -->
	<div>
	
			<div class="container">
	
		<table style="width: 100%; height: 100%;">

			<tr align="center">

				<td><img src="img/TOP1.jpg"></td>
				<td class="top-hidden-xs"><img src="img/TOP2.jpg"></td>
				<td class="top-hidden-xs"><img src="img/TOP3.jpg"></td>

			</tr>

			<tr align="center">



				<%
					for (int i = 0; i < ProductItem_list.size(); i++) {
						ProductItem productItem = ProductItem_list.get(i);
						if(i > 0) {
				%>

				<td class="top-hidden-xs" align="center">
				<%
						} else {
				%>
				<td align="center">
				<%
						}
				%>
				<a
					href="uProductDetailView.jsp?active=S&seq=<%=productItem.getSeq()%>"
					alt="<%=productItem.getDecription()%>"> <br /> <br /> <img
						src="<%=productItem.getImgurl()%>">
				
					<div class="top-tr">
						<p>
							<br />

							<%=productItem.getPrice_max()%>&nbsp;&nbsp;&nbsp;&nbsp;원
						</p>
						<img src="img/good.jpg">
						<p class="top-mainbtn-custom">

							<%=productItem.getRecommend()%>
							<br />
						<div id="di" style="margin: auto;">

							<p id="aa" class="box1">제품보기</p>
						</div>
					</div></a></td>


				<%
					}
				%>
			</tr>
		</table>
</div>

		<br /> <br /> <br /> <br /> <br />
		<div class="top-main-header"></div>
		<br />

	</div>
		
	<div class="text-left top-hidden-xs">
		<a href="topmainpage.jsp" title="우선블랙핏"><img
			src="img/GOODS.jpg" alt="메인"></a>
	</div>
	

		
	<br /> <br /> <br /> <br />


		<!-- ***************TOP1,2,3 완성부분****************************** -->


		<div class="top-goods-header"></div>
		
		

<div class="top-hidden-xs">

			<%
					ArrayList<ProductItem> ProductItem_list6 = product.Top3NewList(9);
					ProductItem productItem1 = ProductItem_list6.get(0);
					ProductItem productItem2 = ProductItem_list6.get(1);
					ProductItem productItem3 = ProductItem_list6.get(2);
					ProductItem productItem4 = ProductItem_list6.get(3);
					ProductItem productItem5 = ProductItem_list6.get(4);
					ProductItem productItem6 = ProductItem_list6.get(5);
					ProductItem productItem7 = ProductItem_list6.get(6);
					ProductItem productItem8 = ProductItem_list6.get(7);
					ProductItem productItem9 = ProductItem_list6.get(8);
					
					
				%>






			<table style="width: 100%; height: 100%;">

				<tr align="center">


					<td><img src="<%=productItem1.getImgurl()%>"
						onmouseover="this.className='over';"
						onmouseout="this.className='';"><br /> <br />
						 <img src="<%=productItem4.getImgurl()%>"
						onmouseover="this.className='over';"
						onmouseout="this.className='';"><br />
						 <img src="<%=productItem7.getImgurl()%>"
						onmouseover="this.className='over';"
						onmouseout="this.className='';"><br />
					<br /></td>

					<td><img src="<%=productItem3.getImgurl()%>"
						onmouseover="this.className='over';"
						onmouseout="this.className='';"><br /> <br /> <img
						src="<%=productItem6.getImgurl()%>"
						onmouseover="this.className='over';"
						onmouseout="this.className='';"><br /> <br />
						 <img src="<%=productItem8.getImgurl()%>"
						onmouseover="this.className='over';"
						onmouseout="this.className='';"><br />
						
						
				
						
					<td><img src="<%=productItem2.getImgurl()%>"
						onmouseover="this.className='over';"
						onmouseout="this.className='';"><br /> <br /> <img
						src="<%=productItem5.getImgurl()%>"
						onmouseover="this.className='over';"
						onmouseout="this.className='';"><br /> <br /> 
						 <img src="<%=productItem9.getImgurl()%>"
						onmouseover="this.className='over';"
						onmouseout="this.className='';"><br /><h7
							align="left"> ▲마우스를 가져다주세요▲ </h7></td>

				</tr>




			</table>

	
	
	
<div class="container">

	</div>


	<div class="top-main-header"></div>
	<%
		db.disconnect();
	%>
	</div>





	<!-- ***************GOODS 부분 완성****************************** -->




	<br />
	<br />
	<br />

	<div align="center">
	<div class="top-td top-hidden-xs">
		<img src="img/nboard.png">
	

	<div class="container" align="center">
		<br /> <br /> <br /> <img src="img/model.png">

	</div>




	<div class="container" align="center">
		<%
						for (int i = 0; i < nbo_list.size(); i++) {
							NboardItem n_item = nbo_list.get(i);
					%>



		<br />


		<div align="center">


			<%=n_item.getTitle()%>
			<%=n_item.getContent()%></div>

		<br />
		<hr>

		<br />

	</div>






	<%		
				}
			%>

</div>
</div>

	<!-- ***************게시물더보기 부분 까지****************************** -->

<div class="top-hidden-xs">
	<%@include file="topBottom.jsp" %>
</div>
<%@include file="topBottom3.jsp" %>
<div class="top-hidden-lg">
<%@include file="topBottom2.jsp" %>
	</div>
	
</body>
</html>